<template>
  <div>
    <div>
      <van-nav-bar>
        <template #left>
          <h1 @click="$router.back()">
            <van-icon name="arrow-left" />
          </h1>
        </template>
        <template #title>
          <div class="qb">
            <p>充值提现记录</p>
          </div>
        </template>
        <template #right></template>
      </van-nav-bar>
    </div>
    <div class="mian">
      <div class="mian_div">
        <ul>
          <li v-for="(item, index) in $store.state.Arr" :key="index">
            <div class="mian_left">
              <span>
                <strong>{{ +item < 0 ? "提现" : "充值" }}-支付宝</strong>
              </span>
              <span>{{ $store.state.setTime[index] }}</span>
            </div>
            <div class="mian_right">
              <span style="color: skyblue">
                <strong>￥{{ item }}</strong>
              </span>
              <span style="margin-left: 10px">已成功</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [
        {
          data: "2000.11.08",
          money: "-20"
        }
      ]
    };
  },
  methods: {},
  mounted() {
    // console.log(this.$store.state.Arr);
  }
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.div_1 {
  color: orange;
  font-size: 14px;
}
.qb {
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.mian {
  width: 90%;
  height: 91vh;
  overflow: hidden;
  margin: 0 auto;
}
.mian_div {
  overflow: hidden;
  margin-top: 10px;
}
ul {
  width: 100%;
}
.mian_div ul li {
  width: 100%;
  list-style: none;
  height: 50px;
  border-bottom: 1px solid rgb(200, 173, 194);
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 14px;
}
span {
  display: block;
  height: 25px;
  line-height: 25px;
}
.mian_left {
  float: left;
  width: 50%;
  height: 50px;
  margin-left: 15px;
}
.mian_right {
  width: 40%;
  height: 50px;
  float: right;
  margin-right: -50px;
}
</style>